<template>
  <div :class="[us.e('row')]">
    <div v-show="slots.left || slots.right"
         :class="[us.e('left')]">
      <slot name="left"/>
    </div>
    <div v-show="slots.left || slots.right"
         :class="[us.e('right')]">
      <slot name="right"/>
    </div>
    <div :class="[us.e('info')]">
      <slot name="default"/>
    </div>
  </div>
</template>
<script setup>
import {useNamespace} from '@utils';
import {useSlots} from 'vue';

const slots = useSlots()
let us = useNamespace('list-item');
defineOptions({
  name: 'ListItemRow'
});
</script>